<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../lib/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="../sass/index.css"/>
		<link rel="stylesheet" href="../font/iconfont.css" />
	</head>
	<body>
		
		
		<!-- header -->
		<div class="head"></div>
		
		<!-- 购物车 -->
		<div class="login_bt" style="text-align:center; padding-left:0; width:996px; background:#fff;">
			<span style="float:left; width:45%; display:inline-block; border-top:1px dashed #d5d5d5; margin-top:14px;"></span>
			<span style="width:10%; display:inline-block; color:#909090; font-weight:bold;">购物车</span>
			<span style="float:right; width:45%; display:inline-block; border-top:1px dashed #d5d5d5; margin-top:14px;"></span>
		</div>
		
		<!-- 购物车 列表-->		
		<div class="gouwuche">
			<form id="formCart" name="formCart" method="post" action="">
				<table class="xq" cellspacing="0" cellpadding="0">
					<tbody class="prodShopping">						
					</tbody>
					<script type="text/html" id="carTemplate">
						<!-- 列表名称 -->
						<tr style="line-height: 22px;z-index: 999;" >
							<th class="sa"><span style="text-align:left; padding-left:98px;width: 180px;">商品名称</span></th>
							<th class="sb" style="width: 130px;"><span style="width: 105px;">属性</span></th>
							<th class="sc"><span style="width: 70px;">销量</span></th>
							<th class="sd"><span style="width:90px">单价</span></th>
							<th class="se"><span style="width:130px">购买数量</span></th>
							<th class="se"><span style="width:90px">小计</span></th>
							<th class="sf" align="center"><span style="width:85px">操作</span></th>
						</tr>	
						{{each prodList item}}
						<tr class="b_line">
							<td bgcolor="#ffffff" align="center">
								<dl style="margin-left:-10px;">
									<dd>
										<a class="ckchecked {{item.isChecked ? 'checked' : ''}}" ></a>
									</dd>
									<dt><a href="#"><img src="{{item.imgSrc}}" width="60" align="absMiddle" height="60"></a>&nbsp;&nbsp; </dt>
									<dd style="line-height:60px;">
										<p style="width: 180px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;">
											<a href="/html/xiangqing.html" style="color: #626262;">{{item.title}}</a>
										</p>
										<!-- <label style="width:auto;">此商品性质不</label>
										<label style="width:auto;">编号 MX001399</label> -->
									</dd>
								</dl>
							</td>
							<td style="padding-left:20px;">{{item.title}}</td>
							<td style="padding-left:20px;" bgcolor="#ffffff">{{item.saleNum}}</td>
							<td style="padding-left:20px;" bgcolor="#ffffff">￥{{item.price}}<br></td>
							<td style="padding-left:20px;" bgcolor="#ffffff">
								<div style="TEXT-ALIGN: center; MARGIN-LEFT: 0px">
									<a class="jian sss"  prodId={{item.id}}>-</a>
									<input class="bg nums" value="{{item.count}}" style="margin-left: 3px;"> 
									<a class="jia sss" prodId={{item.id}}>+</a>
								</div>
							</td>
							<td style="padding-left:20px;" bgcolor="#ffffff">￥<span class="prodTotal">{{item.count*item.price}}</span></td>
							<td style="padding-left:20px;" bgcolor="#ffffff">
								<a href="#" style="color: #626262;" class="btn-del" prodId="{{item.id}}">删除</a>
							</td>							
						{{/each}}
					</script>
				</table>	
				
					
				<table width="99%" align="center" border="0" cellpadding="5" cellspacing="1" bgcolor="#dddddd" style="display:none ">
					<tbody>
						<tr>
							<td bgcolor="#ffffff">
								购物金额小计 ￥62.00，比市场价 ￥62.00 节省了 ￥0.00 (0%)	
							</td>
							<td align="right" bgcolor="#ffffff">
							<input type="button" value="清空购物车" class="bnt_blue_1" onclick="location.href='flow.php?step=clear'">
							<input name="submit" type="submit" class="bnt_blue_1" value="更新购物车">
						</td>
					</tr>
					</tbody>
				</table>
				
				<div class="jixu">
					<p class="headok"><label>可选好利来专属附加产品<i></i></label> <a href="#">继续购物</a></p>
				</div>
				<div class="gouwuche gouwuche_pro" style="display: none;">
					<table class="xq" cellspacing="0" cellpadding="0" style="width:996px;">
						<tbody>
							<tr>
								<th><span style="padding-left:98px; text-align:left; width:260px">商品信息</span></th>
								<th><span>单价</span></th>
								<th><span>操作</span></th>
							</tr>
						</tbody>
					</table>
				</div>	
				<div class="jixu dd">
					<p class="xu" style="width:740px">
						<a style="float:left;cursor:pointer;" class="a_check_all">
							全选
						</a>&nbsp;&nbsp;
						<a href="javascript:;" style="float:left;margin-left:15px;" class="del_ids">×删除选中商品</a>
					</p>
					<span>总计:&nbsp;&nbsp;￥<span class="money">0.00</span></span>
					<div id="submitid"><a class="next" href="flow.php?step=checkout">下一步</a></div>
				</div>
				<input type="hidden" name="step" value="update_cart">
			</form>
		</div>
		
		<div class="sorad_list" style="overflow: hidden;width: 996px;margin: 0 auto;cursor: pointer;">
			<h4 style="font-size: 13px; color: #626262;">更多精彩</h4> 
		</div>
		<!-- foot-help -->
		
			
		<!-- footer	 -->
		<div class="h_footer"></div>
		<script type="text/javascript" src="/lib/require/require.js" data-main="/js/shoppingcar"></script>
		
	</body>
</html>
